<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    <script type="text/javascript">
        function checkFile(){
            //在表单中添加一个隐藏元素，目的是测试是否获得动态的用户名，以便在Servlet中接收并传递到数据库中
            var f = document.uploadForm.photo.value ;
            //用元素的id获得该元素的值，从而进行判断选择的文件是否合法
            var file = document.uploadForm.p.value ;
            if(file==null||file==""){
                alert("你还没有选择任何文件，不能上传!") ;
                return ;
            }
            if(file.lastIndexOf(".")==-1){
                alert("路径不正确!") ;
                return ;
            }
            var allImgExt = ".jpg|.jpeg|.gif|.bmp|.png|" ;
            var extName = file.substring(file.lastIndexOf(".")) ;
            if(allImgExt.indexOf(extName+"|")==-1){

                errMsg="该文件类型不允许上传。请上传 "+allImgExt+" 类型的文件，当前文件类型为"+extName;
                alert(errMsg);
                return;
            }
            document.uploadForm.submit() ;
        }
    </script>
    <style type="text/css">
        <!--
        .STYLE1 {
            font-family: "新宋体";
            font-weight: bold;
            font-size: 24px;
        }

        .STYLE3 {
            font-size: 16px
        }

        .STYLE4 {
            color: #FF0000
        }

        .STYLE6 {
            font-family: Arial, Helvetica, sans-serif
        }
        -->
    </style>
</head>
<body>
<jsp:useBean id="user" scope="session" class="User.UserDTO"></jsp:useBean>
<div align="center" class="STYLE1">
    欢迎光临
    <br />
    <br/>
</div>
<hr/>
<%
    String message = (String)request.getAttribute("message") ;
    if(message!=null){
        out.println(message) ;
    }
    String name = user.getname() ;
%>

<form action="UploadServlet" method="POST" enctype="multipart/form-data" name="uploadForm">
    <table align="center">
        <tr>
            <!-- 设置 for ="file" 在鼠标点击标签时会弹出文件选取框 -->

            <td><input type="file" id="img" name="picture" value=""/></td>
        </tr>
        <tr>
            <!-- 设置占据两个单元格 -->
            <td  colspan="2" ><input type="submit" value="提交"/></td>
        </tr>
    </table>
</form>

</body>
</html>